@import "../common/public.css";

::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-thumb {
    background-color: #c3cad4;
    border-radius: 10px;
    border: 2px solid #e1e5ea;
}

.showBox {
    max-height: 300px;
}

.head-tools .showBox ul p img {
    max-width: 470px;
}

.head-tools .showBox ul {
    max-height: 260px;
}

.head-tools {
    width: 100%;
    min-width: 1024px;
    height: 50px;
    padding: 0 20px;
    border-bottom: 1px solid #bdbdbd;
    line-height: 40px;
    position: absolute;
    background-color: #fff;
}

.head-tools i {
    display: inline-block;
    width: 20px;
    height: 30px;
    background-image: url(' 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');
    background-size: auto 24px;
    background-repeat: no-repeat;
    top: 14px;
    left: 20px;
    line-height: 40px;
    position: absolute;
}

.head-tools .select-box {
    height: 40px;
    color: #999;
    float: right;
    margin-top: 2px;
}

.head-tools .name {
    font-family: PingFangSC-Semibold;
    font-size: 16px;
    color: #333333;
    line-height: 50px;
    display: inline-block;
    text-align: center;
    margin-left: 30px;
    float: left;
}

.states {
    display: inline-block;
    margin: -4px 0px 0 0;
    height: 100%;
}

.states .operations {
    display: inline-block;
    height: 100%;
    font-weight: 400;
    margin-top: 12px;
}

.states .operations .save {
    display: inline-block;
    padding: 0 25px;
    height: 28px;
    margin-left: 10px;
    line-height: 28px;
    text-align: center;
    color: #333333;
    background: #fff;
    border: 1px solid #bdbdbd;
    border-radius: 2px;
}

.states .operations .save:hover {
    border: 1px solid #57d794;
    color: #57d794;
}

.states .operations .submit {
    display: inline-block;
    padding: 0 25px;
    height: 28px;
    margin-left: 10px;
    line-height: 28px;
    text-align: center;
    color: #333333;
    background: #fff;
    border-radius: 2px;
}

.states .operations .submit:hover {
    background: #57d794;
}

.submit {
    color: #fff;
    background: #14cb6b;
    border: none;
}

.states .operations .recover,
.states .operations .submit {
    color: #fff;
    background: #14cb6b;
}

.head-tools .select-box {
    height: 40px;
    float: right;
}

.head-tools .select-box span {
    position: relative;
    cursor: pointer;
    float: left;
    color: #666666;
    line-height: 46px;
}

/* .keyboard:hover .showBox {
    display: block;
} */

/* .keyboard .showBox {
    display: none;
} */

.keyboard b {
    color: #e2e2e2;
    margin: 0 10px;
}

.stand b {
    color: #e2e2e2;
    margin: 0 10px;
}

.history {
    margin-right: 10px;
}

.head-tools .showBox {
    position: absolute;
    right: 22px;
    top: 40px;
    line-height: 26px;
    width: 514px;
    padding: 20px;
    background: #fff;
    color: #000;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    font-size: 14px;
    -webkit-box-shadow: 0 0 10px rgba(155, 155, 155, 0.5);
    -moz-box-shadow: 0 0 10px rgba(155, 155, 155, 0.5);
    -ms-box-shadow: 0 0 10px rgba(155, 155, 155, 0.5);
    -o-box-shadow: 0 0 10px rgba(155, 155, 155, 0.5);
    box-shadow: 0 0 10px rgba(155, 155, 155, 0.5);
    z-index: 999;
    text-align: left;
}

.head-tools .showBox:before {
    content: '';
    position: absolute;
    top: -14px;
    right: 20px;
    border-width: 7px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #fff transparent;
    font-size: 0;
    line-height: 0;
}

.head-tools .showBox ul {
    overflow-y: auto;
    height: 100%;
    padding-right: 10px;
    word-break: break-all !important;
}

.head-tools .showBox ul p {
    padding: 0;
    margin: 0;
}

.head-tools .showBox ul span {
    margin: 0;
    padding: 0;
}























.head-info .info_two {
    display: flex;
    flex-flow: row nowrap;
    float: left;
}

.head-info .info_two span {
    color: #333333;
    font-size: 14px;
    line-height: 50px;
    cursor: pointer;
}

.head-info .info_two .info_two_one i {
    display: inline-block;
    width: 14px;
    height: 14px;
    cursor: pointer;
    background: url('');
}

.head-info .info_two .info_two_one i.selected {
    display: inline-block;
    width: 14px;
    height: 14px;
    cursor: pointer;
    background: url('');
    background-repeat: no-repeat;
}

.head-info .info_two .info_two_two i.selected {
    display: inline-block;
    width: 14px;
    height: 14px;
    cursor: pointer;
    background: url('');
}

.head-info .info_two .info_two_three i.selected {
    display: inline-block;
    width: 14px;
    height: 14px;
    cursor: pointer;
    background: url('');
}

.head-info .info_two .info_two_four i.selected {
    display: inline-block;
    width: 14px;
    height: 14px;
    cursor: pointer;
    background: url('');
}

.head-info .info_two .info_two_one {
    margin-right: 20px;
    position: relative;
}

.head-info .info_two .info_two_one i {
    margin-right: 5px;
    position: relative;
    top: 2px;
    left: 0;
}

.head-info .info_two .info_two_two i {
    display: inline-block;
    width: 14px;
    height: 14px;
    cursor: pointer;
    background: url('');
}

.head-info .info_two .info_two_two {
    margin-right: 20px;
    position: relative;
}

.head-info .info_two .info_two_two i {
    margin-right: 5px;
    position: relative;
    top: 2px;
    left: 0;
}

.head-info .info_two .info_two_three {
    margin-right: 20px;
    position: relative;
}

.head-info .info_two .info_two_three i {
    display: inline-block;
    width: 14px;
    height: 14px;
    cursor: pointer;
    background: url('');
}

.head-info .info_two .info_two_three i {
    margin-right: 5px;
    position: relative;
    top: 2px;
    left: 0;
}

.head-info .info_two .info_two_four {
    margin-right: 20px;
    position: relative;
}

.head-info .info_two .info_two_four i {
    display: inline-block;
    width: 14px;
    height: 14px;
    cursor: pointer;
    background: url('');
}

.head-info .info_two .info_two_four i {
    margin-right: 5px;
    position: relative;
    top: 2px;
    left: 0;
}

.head-info .info_two .divide {
    display: inline-block;
    width: 3px;
    height: 22px;
    margin: 14px 25px 0 3px;
    background: url('');
}












/* .head-info .info_three .info_two_one {
    margin-right: 25px;
}


.head-info .info_three .info_two_two {
    margin-right: 25px;
}

.head-info .info_three .info_two_three {
    margin-right: 25px;
} */







#wrapper .tophide {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 50px;
    bottom: 0;
}







/* .hover {
    border: 1px solid red;
} */



.batch_manage_out{width: 540px;height: 173px;border-radius: 4px;
    background-color: #f3f3f3;position: absolute;right: 0;bottom: 0;z-index: 99;-webkit-box-shadow: 0 2px 15px rgba(0,0,0,.5);
    -moz-box-shadow: 0 2px 15px rgba(0,0,0,.5);
    -o-box-shadow: 0 2px 15px rgba(0,0,0,.5);
    -ms-box-shadow: 0 2px 15px rgba(0,0,0,.5);
    box-shadow: 0 2px 15px rgba(0,0,0,.5);animation: fadeL .4s 0s both;-webkit-animation: fadeL .4s 0s both;}
.batch_manage_top{width: 100%;height: 30px;border-bottom: 1px solid #DADBDB;padding: 0 3px 0 14px;}
.batch_manage_top>.sp1{color: #333; float: left;height: 100%;line-height: 30px;font-size: 14px;margin-right:10px;}
.batch_manage_top>.sp2{color: #999; float: left;height: 100%;line-height: 30px;font-size: 12px;}
.batch_manage_top>.cls_icon{float: right;width: 30px;height: 30px;background-image: url('');
    background-repeat: no-repeat;background-size: 8px 8px;background-position: 11px 11px; cursor: pointer;}
.bacth_lists{border-bottom: 1px solid #DADBDB;min-height: 96px;}
.bacth_lists>ul{width: 100%;padding: 14px 0 6px 24px;}
.bacth_lists>ul::after{content: '';display: block;height: 0;clear: both;}
.bacth_lists>ul li{width: 62px;height: 28px;text-align: center;
    line-height: 28px;color: #333;
    font-size: 14px;border-radius: 2px; float: left;margin-right: 10px;
    background-color: #fff;margin-bottom: 10px;cursor: pointer;}
.bacth_lists>ul .seleted{color: #14CB6B;}
.batch_btn>.batch_y{width: 80px;height: 28px;text-align: center; line-height: 28px;font-size: 14px; 
    color: #fff;background-color: #14CB6B;border-radius: 2px; float: left;    margin-left: 185px;
    margin-top: 10px;
    cursor: pointer;}
.batch_btn>.batch_y:hover{background: #57d794;}

.batch_btn>.batch_n{width: 80px;height: 28px;text-align: center; line-height: 28px;font-size: 14px; 
    color: #333;background-color: #fff;border-radius: 2px;border: 1px solid #bdbdbd;float: left;margin-top: 10px;
    margin-left: 10px;
    cursor: pointer;}
.batch_btn>.batch_n:hover{border: 1px solid #57d794;
    color: #57d794;}

/* .content .content_right .content_right_two .listCldSty::after,.content .content_right .content_right_two .listCldSty_2::after,.content .content_right .content_right_two .listCldSty_3::after{content: "";width: 200px;position: absolute;
    right: 0;bottom: 0;height: 1px;background-color: #DADBDB;width: 210px} */

/* .content .content_right .content_right_two .listCldSty_2::after{content: "";width: 200px;position: absolute;
    right: 0;bottom: 0;height: 1px;background-color: #DADBDB;width: 210px} */


/*svg 高亮 */

/*.svg-highlight {*/
    /*stroke-dasharray: 16;*/
    /*stroke-dashoffset: 500;*/
    /*animation: animation-dash 5s linear alternate infinite;*/
/*}*/
@keyframes animation-dash {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes fadeD{
    0%{opacity: 0;transform: translateY(-10px);-webkit-transform: translateY(-10px)}
    100%{opacity: 1;transform: none;-webkit-transform: none;}
}
@-webkit-keyframes fadeD{
    0%{opacity: 0;transform: translateY(-10px);-webkit-transform: translateY(-10px)}
    100%{opacity: 1;transform: none;-webkit-transform: none;}
}
@keyframes fadeR{
    0%{opacity: 0;transform: translateX(10px);-webkit-transform: translateX(10px)}
    100%{opacity: 1;transform: none;-webkit-transform: none;}
}
@-webkit-keyframes fadeR{
    0%{opacity: 0;transform: translateX(10px);-webkit-transform: translateX(10px)}
    100%{opacity: 1;transform: none;-webkit-transform: none;}
}
@keyframes fadeL{
    0%{opacity: 0;transform: translateX(-10px);-webkit-transform: translateX(-10px)}
    100%{opacity: 1;transform: none;-webkit-transform: none;}
}
@-webkit-keyframes fadeL{
    0%{opacity: 0;transform: translateX(-10px);-webkit-transform: translateX(-10px)}
    100%{opacity: 1;transform: none;-webkit-transform: none;}
}

/*svg ���� */

.svg-highlight {
    stroke-dasharray: 16;
    stroke-dashoffset: 500;
    animation: animation-dash 5s linear alternate infinite;
    fill-opacity: 0.2;
}
.svg-hierarchy{
    fill: #fdfc05;
    fill-opacity: .4;
}
.no-fill {
    fill-opacity: 0;
}

@keyframes animation-dash {
    to {
        stroke-dashoffset: 0;
    }
}

.history_pop{position:fixed;left:0;top:0;color:#ffaf1e;width:100%;height:100%;z-index:999}
.history_pop .layer{background:rgba(0,0,0,.75);width:100%;height:100%;position:fixed;left:0;top:0}
.show_pop .popdis .con textarea{width:100%}
.hislt{width:800px;margin-left:-400px;height:374px;margin-top:-186px}
.hislt .poptitle{color:#000}
.hislt .contain{margin:20px;height:294px;overflow:auto}
.hislt table{border:1px solid #eee}
.hislt table a{border:1px solid #fcad1d;color:#fcad1d;overflow:initial;height:25px;line-height:25px}
.hislt table a:hover{background:#fcad1d;color:#fff}
.hislt table tr td,.hislt table tr th{height:40px;padding:0 10px;text-align:center;width:auto}
.hislt table tr:hover{background:#f5f5f5}
.hislt table tr th{border:1px solid #ececec;background:#f5f5f5}
.hislt .poptitle i {
    float: right;
    width: 12px;
    height: 12px;
    display: block;
    background: url('') no-repeat 0 0;
    margin-top: 14px;
    margin-right: 20px;
    cursor: pointer;
    position: static;
  }

.radio{width:100%;margin-left:100px}
.radio li{font-size:14px;color:#333;cursor:pointer;padding-left:22px;display:inline-block;background:url(/static/images/radio.png) no-repeat -119px 8px;float:left;width:100px;text-align:left}
.radio li.selected{background-position:0 8px}




.adjust-size:hover{
    stroke: #fff;
}







.ponit_in_box{
    width: 100%;
    height: 100%;
    position: relative;
}


.modify_rate_tips_out{
    width: 136px;
    position: absolute;
    left: 14px;
    bottom: 44px;
    background-color: rgba(0,0,0,0.1);
    border-radius: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 0;
    animation: fadeUp .4s 0s both;
    -webkit-animation:fadeUp .4s 0s both;
    user-select: none;
}
.modify_rate_tips_out>i{
    font-style: normal;
}
.modify_rate_tips_out span{
    color: #A9A9A9;
    font-size: 12px;
    display: block;
    text-align: left;
    margin-bottom: 2px;
}



/*领取下一�?样式问题*/
.getsuccess{
    position: fixed;
    left: 0;
    top: 0;
    color: #ffaf1e;
    font-size: 16px;
    width: 100%;
    height: 100%;
    z-index: 999;
}

.showpop {
    width: 330px;
    text-align: left;
    display: block;
    position: fixed;
    left: 50%;
    margin-left: -165px;
    top: 50%;
    margin-top: -119px;
    background: #fff;
    overflow: hidden;
}
.applytask{
    text-align: center;
    line-height: 30px;
    padding: 24px 0;
}

.btn {
    font-size: 0;
    text-align: center;
    padding-bottom: 24px;
}


.btn a {
    display: inline-block;
    width: 120px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    color: #333;
    border: 1px solid #ececec;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    font-size: 14px;
}
.btn .yes {
    margin-right: 12px;
    background: #fcad1d;
    color: #fff;
    border: 1px solid #fcad1d;
}
.btn .no {
    color: #333;
    border: 1px solid #ececec;
    background: #fff;
}

.bg{
    background: rgba(0,0,0,.3);
    width: 100%;
    height: 100%;
}


.inputcon {
    padding: 32px 20px 0;
}
.inputcon li {
    margin-bottom: 10px;
    line-height: 34px;
}
.inputcon .label {
    float: left;
    width: 110px;
    padding-right: 15px;
    text-align: right;
    color: #666;
}
.inputcon .lab_con {
    font-size: 0;
}
.inputcon .lab_con .error {
    margin-left: 108px;
}
.inputcon .lab_con span {
    display: inline-block;
    font-size: 14px;
    width: 100px;
    height: 34px;
    border: 1px solid #ececec;
    line-height: 32px;
    text-align: center;
    margin-right: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    position: relative;
    color: #333;
}
.inputcon .lab_con span.select {
    background: #e0fdee;
    border-color: #14cb6b;
}
.inputcon .lab_con span.select:after {
    content: '';
    height: 22px;
    width: 22px;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url('/assets/images/common/task_select_ico.png') no-repeat 0 0;
}
.inputcon .lab_con span.grey {
    background: #f2f3f4;
    color: #cacaca;
    border-color: #f2f3f4;
}
.inputcon .lab_con input:disabled {
    height: 34px;
    border: 1px solid #ececec;
    padding: 0 10px;
    line-height: 32px;
    color: #cacaca;
    width: 210px;
    background: #fff;
}
.inputcon .lab_con input {
    height: 34px;
    border: 1px solid #ececec;
    padding: 0 10px;
    line-height: 32px;
    color: #333;
    width: 210px;
    background: #fff;
}
